@charset "utf-8";


/*==========================================内页 结束=============================================*/

/*aos="zoom-in" aos-duration="1200"*/
@media(min-width: 768px){
	.container02 .content .right .miso_bd1 .miso-slide:hover .img img{ transform:scale(1.05)}
	
	.more002 a:hover{ background:#ed8104; border:#ed8104 2px solid; color:#fff}
	
	.container04 .left .first a:hover h2{ color:#ed8104}
	
	.list_box_01 li a:hover font{ color:#ed8104; padding-left:1.375rem}
	
	.more001 a:hover{ letter-spacing:.125rem}
	
	.more004 a:hover{ background: #023d7e;}
	
	.list_box_news li a .con h2:hover{ color:#ed8104}
	
	.list_box_aply1 li a:hover h3 img{ transform: rotateY(180deg);}
	
	.list_box_aply1 li a:hover:before{ opacity: 1; visibility:visible}
	.list_box_aply1 li a:hover h3::before{ background: #fff;}
	.list_box_aply1 li a:hover h5, .list_box_aply1 li a:hover h6{ color: #fff;}
	
	.list_box_peixun li a:hover .con h5:hover{ color: #fd9b2b;}
	.list_box_peixun li a:hover .con .bottom span{ background:#fd9b2b; border:#fd9b2b 1px solid;}
	.n_noloage .fl01 .right .box1 .form .btn:hover{ background: #023d7e; cursor: pointer;}
	
	.list_box_fa li a .con h5:hover{ color: #fd9b2b}
	.list_box_fa li a:hover .con .time_box span{ background:#fd9b2b; border:#fd9b2b 1px solid;}
	
	.list_box_04 li a:hover{ border: #023d7e 1px solid; background: #023d7e;}
	.list_box_04 li a:hover h5{ color: #fff;}
	
	.more005 a:hover{ background: #023d7e;}
	.more006 a:hover{ opacity: .8;}
	
	.n_product .fl01 .content .left .video a:hover img{ transform: rotate(180deg);}
	
	.list_box_09 li .a:hover{ background:#fd9b2b}
	.list_box_09 li .a:hover h3{ color:#fff}
	.list_box_09 li .a:hover h3 .ico img.img1{ display:none}
	.list_box_09 li .a:hover h3 .ico img.img2{ display:inline-block}
	.list_box_09 li .a:hover p{ color:#fff}
	
	.list_box_09 li .a:hover dl dd{ color:#fff}
	.list_box_09 li .a:hover dl dd .ico img.img1{ display:none}
	.list_box_09 li .a:hover dl dd .ico img.img2{ display:inline-block}
	
	.list_box_10 li:hover .img img{ transform:scale(1.05)}
	
	.list_box_09 .miso-arrow:hover, .list_box_11 .miso-arrow:hover, .list_box_12 .miso-arrow:hover{ background:#fd9b2b; border:#fd9b2b 1px solid}
	.list_box_09 .miso-arrow:hover svg, .list_box_11 .miso-arrow:hover svg, .list_box_12 .miso-arrow:hover svg{ fill:#fff}
	
}


@media(min-width: 1900px) and (max-width: 1920px){
	.w1200{ max-width: calc(1400px + 100px); }
	.banner ul li a .img_zd img{ width: 1920px; height: 790px;}
}

@media(max-width: 1830px){
	.w1800{ padding:0 15px}
}

@media(max-width: 1630px){
	.w1200{max-width:calc((1500/1920)*100% + 100px);}
	
	.container02 .content{ padding:0 0 0 8rem}
}

@media(max-width: 1400px){
	.container02 .content{ padding:0 0 0 5rem}
	
	.w1200{max-width:calc((1600/1920)*100% + 100px);}
	
	#piaofu_news{ left: 1%;}
}

@media(max-width: 1330px){
	.w1200{max-width:calc((1700/1920)*100% + 100px);}
	
	.list_box_09 .miso-arrow, .list_box_11 .miso-arrow, .list_box_12 .miso-arrow{ display:none !important}
}

@media(max-width: 1200px){
	.w1200{padding:0 15px;max-width: 100%;}
	
	.header_top, .header_box{ display:none}
	
	.m_header_box{ display:block}
	
	.container01{ height:30rem}
	.container01 h2{ font-size:3rem}
	
	.container02{ padding:3rem 0}
	.container02 .content{ padding:0 15px; }
	.container02 .content .left{width:100%;border-radius: 1.25rem;padding: 2rem 15px 2rem;}
	.container02 .content .right{ display:none; width:100%}
	
	.banner.ar_web{ display:none}
	.banner.ar_wap{ display:block}
	
	.n_title{ display: none;}
	#m_n_nav{ display: block;}
	
	#n_news_xq .left_con{ display:block; width:100%; padding:0}
	#n_news_xq .right_con, #piaofu_news{ display:none}
	
	#ar_fot{ display:block}
	
	.n_noloage .fl01 .left{ display: none;}
	.n_noloage .fl01 .right{ width: 100%; padding: 0;}
	
	.n_yylist .left{ display: none;}
	.n_yylist .right{ width: 100%; padding: 0;}
	.n_title002{ display: none;}
	
	.j_pages .box{ margin: 0 auto !important; text-align: center !important; }
	
	.n_product .fl01 .content{top: 0;margin-bottom: 0;padding: 2rem 1.5rem;}
	.n_product .fl01{ padding: 2.5rem 0;}
	
	.n_product_detail .list_box_miaobao li a{padding: 0 1rem;}
	
	.n_product .fl01 .content .dots{ display: none;}
	
	.n_contact .fl01 .content .con{ width:100%}
	.n_contact .fl01 .content .img{ display:none}
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	.container03 .left{ width:100%; text-align:center; padding:0 0 0}
	.container03 .right{width:100%;padding:2.5rem 0 0;margin-left: 0;}
	
	.container03 .right .img_zd .img_hezi{ padding-bottom: 63.08% !important;}
	
	.container04 .left{ width:100%; padding:0 0 0}
	.container04 .right{ width:100%; padding:2.5rem 0 0}
	
	.container04 .right .img_zd .img_hezi{ padding-bottom:67.14% !important}
	
	.container05 .left{width:100%;padding:0 0 0;text-align: center;}
	.container05 .right{ width:100%; padding:2.5rem 0 0}
	
	.list_box_02 li{ text-align:center}
	
	.container06 .left{ width:100%;}
	.container06 .right{ width:100%;}
	
	.container06 .left .title001{text-align:center;margin: 0 0 2rem;padding-top: 0;}
	.container06 .left .title001:before{ display:none}
	.miso-arrow2_box{ display:none}
	
	footer .left{width:100%;padding:0 0 2rem;display: none;}
	footer .right{ width:100%}
	footer .left .bottom{ display:none}
	.footer_bootom{ text-align:center}
	.footer_bootom .left, .footer_bootom .right{ width:100%}
	.footer_bootom p{ line-height:1.75}
	
	.container02 .content .left .miso_bd2 .miso-slide{ font-size:12rem; height:12rem}
	
	.list_box_peixun li a .img_box{ width: 100%;}
	.list_box_peixun li a .con{width: 100%;padding: 1rem 15px 0;}
	.list_box_peixun li a::before{ left: 0;}
	.list_box_peixun li:nth-child(2n) a::before{ right: 0;}
	.list_box_peixun li:nth-child(2n) a .img_box{ order: 0;}
	.list_box_peixun li a .con .zuixin .zuixin_box{margin-right: -15px;}

	.list_box_peixun li:nth-child(2n) a .con .zuixin{ justify-content: flex-end;}
	.list_box_peixun li:nth-child(2n) a .con .zuixin .zuixin_box{background: url(../images/zuixin_bg.png) center no-repeat;padding: 0 0 0 1rem;margin-right: -15px;}
	.list_box_peixun li{ margin-bottom: 1.5rem;}
	
	.list_box_fa li a{ flex-wrap: wrap;}
	.list_box_fa li a .img_box{ width: 100%;}
	.list_box_fa li a .con{ width: 100%;}
	
	.list_box_fa li:nth-child(2n) a .img_box{ order: 0;}
	.list_box_fa li a .con .con_li{margin-left: 0;margin-right: 0;border-radius: 0rem;padding: 1.5rem 15px;}
	.list_box_fa li:nth-child(2n) a .con .con_li{ margin-left: 0; margin-right: 0; border-radius: 0rem;}
	
	.n_product .fl01 .content .content_box{flex-wrap: wrap;margin: 0;}
	.n_product .fl01 .content .left{ width: 100%;}
	.n_product .fl01 .content .right{ width: 100%; padding: 0;}
	
	.list_box_04 li{ width: 50%;}
	
	.list_box_05 li a{ flex-wrap: wrap;}
	.list_box_05 li a .img, .list_box_05 li:nth-child(2n) a .img{ width: 100%; order: 0;}
	.list_box_05 li a .con, .list_box_05 li:nth-child(2n) a .con{ width: 100%; padding: 2rem 0 0;}
	
	.n_product_detail .fl01 .content .right{ padding: 2rem 0 0;}
	
	.list_box_14.ar_web{ display:none}
	.list_box_14.ar_wap{ display:block}
	.list_box_14.ar_wap li{display:block;width:100%;}
	.list_box_14 li .time{left: 4.75rem;bottom: auto;width: 100%;height: auto;background: none;border: none;top: 0;}
	.list_box_14 li .time span{display:block;background:none;width: 100%;height: auto;color: #333;font-family: Poppins_b;}
	.list_box_14 li a{padding-top: 0;height: auto;}
	.list_box_14 li a .right .rr{transform: translateY(0rem);}
	
	.list_box_14 li a .right .ll{width:100%;order: 0;margin-bottom: 10px;}
	.list_box_14 li:after{width:1px;height:3.5rem;bottom: -3.5rem;}

	.list_box_14 li a .right{padding: 2rem 0 25px;}
	
	.list_box_14 li .time:after{ background:none}
	
	.n_about .fl01{ padding:3rem 0 2rem}
	.n_about .fl02{ text-align:center}
}

@media(max-width: 768px){
	#gotop{ right:0; transform:scale(0.7)}
	
	.list_box_03{ margin:0 -7px}
	.list_box_03 li{ width:50%; padding:0 7px}
	
	footer .left .top{ display:none}
	
	footer .right .top .ewm{margin:0 auto;float: none;height: 8.125rem;}
	footer .right .top .ewm h5{ position:relative; bottom:0; margin:1rem 0; color:#fff}
	footer .right .top .con{width:100%;padding: 0 0 2rem;text-align: center;float: none;}
	
	footer{ padding:2rem 0}
	footer .right .top .con dl{ display:block}

	footer .right .top .con h6{}
	footer .right .top .con dl{}

	footer .right .bottom{ display:none}
	footer .right{ padding-bottom:2rem}
	
	.container01 h2{font-size:1.75rem;margin: 1rem 0 1.5rem;}
	.container01 h2 img{ height:1.125rem}
	
	.container01{height: 15rem;}
	
	.container01 .h6{ font-size:1.5rem;}
	.banner .miso-arrow{ display:none !important}
	.banner .miso-dots{ bottom:1rem}
	
	.container02 .content .left .miso_bd2 .miso-slide{ font-size:6rem; height:6rem}
	
	.container02 .content .left .miso_hd ul{ margin:0 -.875rem}
	.container02 .content .left .miso_hd{ margin:4rem 0 0}
	
	.title001{margin-bottom: 2.5rem !important;display: block !important;}
	.container02 .content .left .miso_bd p{ padding:0}
	.container02 .content .left .miso_bd .h2{ font-size:1.5rem}
	
	.container03{ padding:2.5rem 0}
	
	.container04 .left .first .h6 img{ height:1.25rem}
	.container04 .left .title001{ margin-bottom:2.5rem}
	.container04 .left .first{ padding-bottom:1.754rem; margin-bottom:1.75rem}
	.container04{ padding:2.5rem 0}
	.container05{ padding:2.5rem 0}
	.container05 .left .title001{ margin-bottom:2.5rem}
	.list_box_02{ margin:3rem 0 0; padding:0}
	
	.container05 .right .img_zd .img_hezi{ padding-bottom:67.14% !important}
	.container06{ padding:2.5rem 0}
	
	.container02 .content .left .title001:before{ transform: scale(.6);}
	
	.j_pages a{padding:0 .5rem;height: 2.375rem;line-height: 2.25rem; margin:0 2px}
	
	.n_banner{padding-bottom: 36% !important;}
	.n_banner h2{ font-size: 1.75rem;}
	.n_banner .h6{ font-size: 12px;}
	
	.list_box_yue{ flex-wrap: wrap;}
	.list_box_yue li{width: 16.666667%;margin-top: -1px;}
	
	.list_box_nian{ flex-wrap: wrap;}
	.list_box_nian li{width: 20%;margin-right: 0;text-align: center;}
	
	.list_box_news li a{ display: block;}
	.list_box_news li a .img{ width: 100%;}
	.list_box_news li a .con{ width: 100%; padding: 1rem 0 0;}
	
	.list_box_news li a .con h2{ font-size: 1.375rem;}
	.list_box_news li a .con .h6 img{ height:1.25rem}
	
	.ar_title h6 span{ margin-right: 1rem}
	
	.ar_article p{ font-size: 13px !important; line-height: 26px !important;}
	
	.n_aply{ padding: 3rem 0;}
	.list_box_aply1 li{ width: 50%;}
	.list_box_aply1 li a h3 img{ height: 2.125rem;}
	.list_box_aply1 li a h3{ height: 3.125rem;}
	.list_box_aply1 li a h5{ font-size: 1.5rem;}
	.list_box_aply1 li a{ height: 11rem;}
	
	.n_gg{margin: 2rem 0;padding: 0 4px 0 0;}
	.n_aply .fl01{ padding-bottom: 2rem;} 
	.list_box_peixun li a .con .time{margin: -2rem 0 0;}
	.list_box_peixun li a .img_box h6{ margin: .25rem 0 0;}
	.list_box_peixun li a .con p{ margin: 1.5rem 0 2rem;}
	
	.n_peixun{ padding: 3rem 0;}
	
	.n_noloage .fl01 .right .box1{ flex-wrap: wrap;}
	.n_noloage .fl01 .right .box1 .form{ width: 100%; margin: 1rem 0 0;}
	.n_noloage .fl01 .right .box1 .form .btn{ width: 8rem;}
	.n_noloage .fl01 .right .box1 .form .btn img{ height: 12px; margin: -1px 0 0 .75rem;}
	.n_noloage .fl01 .right .box1 h3{ font-size: 1.5rem;}
	
	.list_box_wd li a{ padding: 2rem 15px;}
	
	.n_fa_form .content{ padding: 2rem 15px;}
	
	.list_box_miaobao li a{padding: 0;font-size: 1.125rem;white-space: nowrap;}
	.list_box_miaobao li a img{ height:1.25rem}
	
	.list_box_miaobao li{ line-height: 70px;}
	.n_product .fl02{ height: 70px;}
	
	.n_product #fl01, .n_product #fl02, .n_product #fl03{ top: -70px !important;}
	
	.n_product .fl03{ padding: 3rem 0 0;}
	.n_title004 big, .n_title004 small{ font-size: 1.5rem;}
	.n_title004 .dot img{ height: 8px;}
	
	.n_product .fl04{ padding: 3rem 0 2rem;}
	.n_title004{ margin-bottom: 2.5rem;}
	
	.list_box_05 li a .con h5{margin: 1.25rem 0 .75rem;font-size: 1.25rem;}
	.list_box_05 li{ padding-bottom: 2rem; margin-bottom: 2rem;}
	
	.n_product .fl05 .box p{ font-size: 1.25rem;}
	.more006 a img{ height: 1.5rem;}
	.n_product .fl05{ padding: 3rem 0 5rem;}
	
	.list_box_05 li a .con p{ font-size: 13px; line-height: 26px;}
	
	.n_product .fl01 .content .right h6 font{padding: 0 2rem;margin: 1rem 0 2rem;font-size: 14px;}
	.n_product .fl01 .content .right h3{ font-size: 1.875rem;}
	.n_product .fl01 .content .right .con p{ font-size: 13px; line-height: 26px;}
	.more005 a img{ height: 1.5rem;}
	
	.n_product_detail .list_box_miaobao{/* flex-wrap: wrap; */overflow: hidden;overflow-x: scroll;}
	.n_product_detail .list_box_miaobao li{/* width: 33.333333%; */}
	.n_product_detail .fl02{ height: auto;}
	
	.list_box_07 li a{flex-wrap: wrap;padding: 0 0;}
	.list_box_07 li a .ll{ width: 100%;}
	
	.n_product_detail .fl15{ padding: 0 0 3rem;}
	.n_product_detail .fl14{ padding: 0 0 3rem;}
	.n_product_detail .fl13{ padding: 3rem 0;}
	
	.n_product_detail .fl17{ padding: 0 0 3rem;}
	
	.list_box_08 li .cc .h6 dl dd{ flex-wrap:wrap}
	.list_box_08 li .cc .h6 dl dd .lll{ width:100%; margin:0}
	.list_box_08 li .ll img{height: 2.125rem;}
	.list_box_08 li .rr img{ height:1.75rem}
	
	.list_box_09 li .a h3{ padding:0}
	.list_box_09 li .a p{ padding:0}
	.list_box_09 li .a dl{ padding:0}
	.list_box_09 li .a h3 .ico img{ height:1.5rem}
	
	#container{ left:0}
	.n_contact .fl03 .content{ background-size:60% auto}
	.n_contact .fl02 .content{ padding:3rem 0 2rem}
	.ditu_box{ margin-top:-5rem}
	.n_contact .fl03 .content{ padding:2rem 0 0}
	
	.n_contact .fl04 .layui-form .box_1, .n_contact .fl04 .layui-form .box_2{ flex-wrap:wrap}
	.n_contact .fl04 .layui-form .box_1 .layui-form-item, .n_contact .fl04 .layui-form .box_2 .box_2_li, .n_contact .fl04 .layui-form .box_2 .layui-form-item.textarea{ width:100%}
	
	.n_contact .fl04{ padding:3rem 0}

	.n_title005 small, .n_title005 big, .n_title007 small, .n_title007 big, .n_title006 h3{ font-size:1.5rem}
	
	.list_box_10{ flex-wrap:wrap}
	.list_box_10 li{ width:50%; max-width:50%; margin-bottom:1.25rem}
	
	.list_box_12{ margin:0 -7px}
	.list_box_12 li{ padding:0 7px}
	
	.list_box_11{ margin:0 -7px}
	.list_box_11 li{ padding:0 7px}
	
	.n_about .fl05, .n_about .fl04, .n_about .fl03{ padding:3rem 0}
	
	.list_box_10 li p{ font-size:13px;}
	
	.n_title008{ margin-bottom:1.75rem}
	.n_title008 h4{ font-size:1.75rem}
	.n_title008 h3{ font-size:1.5rem}
	
	.list_box_10 li h3 img{ height:3rem}
	.list_box_10 li .img{ max-width:10rem}
	
	.n_about .fl02 h3{ font-size:1.75rem}
	.n_about .fl02 h4{ font-size:1.5rem}
	.n_about .fl02 h5{ font-size:1.5rem}
	.n_about .fl02 .w1200{ height:12rem}
	
	.n_dashi .content .line_x{ display:none}
}


@media(max-width: 456px){
	
}